ابزارهای Drawing و Type برای ایجاد و خلق تصاویر وکتور و نیز تایپ کردن روی صفحه های طراحی استفاده می شوند. هرچند فتوشاپ به عنوان یک ویرایشگر تصاویر وکتور تعریف نشده اما این امکان وجود دارد که تصاویر وکتوری بر پایه اشکال و عناصری به وجود آورد که قابلیت تغییر سایز دارند، بدون اینکه هنگام کوچک یا بزرگ کردنشان از کیفیت آنها کاسته شود. 


ابزارهای تایپ ( Type Tools)

ابزار تایپی که به صورت پیش فرض (default) برای استفاده کابر در نظر گرفته شده، ابزار Horizontal Type یا ابزار تایپ افقی است، که برای تنظیم جهت تایپ روی تصویر به صورت افقی مورد استفاده قرار می گیرد. اگرچه فتوشاپ یک برنامه raster based است یعنی برنامه ای است که برا اساس پیکسل نوشته شده است، اما اساس وکتور خود را در تایپ حفظ کرده است و این بدین معنی است که مقیاس متن تایپ شده را می توان به هر اندازه ای که لازم است تغییر داد بدون اینکه از کیفیت آن کم شود. این خصوصیت به ما این امکان را می دهد تا به آسانی اندازه و  حالت یا style و سایر خصوصیات متن تایپ شده را کنترل کنیم ، به علاوه در مراحل بعد یعنی در مرحله ی طراحی ، آنها را اصلاح کرد یا تغییر داد.

برای تایپ کردن در یک تصویر، ابتدا ابزار تایپ عمودی یا افقی را انتخاب کنید سپس روی قسمتی از  تصویر که می خواهید متن در آنجا قرار داشته باشد کلیک کنید، شما باید فورا مکان نما را در جایی که کلیک کردید ببینید. در قسمت نوار options، متوجه تنظیمات ابزار تایپی که انتخاب نموده اید خواهید شد. 

Transform در فتوشاپ برای مقیاس دادن (scale)، دوران دادن (rotate)، مورب کردن (skew) و در نهایت پیچ و تاب دادن distort و پرسپکتیو کردن هر تصویری که شما با ان کار می کنید، استفاده می شود. در این آموزش به شما یاد  داده می شود چطور از  Transform برای تنظیم کردن تصویر استفاده کنید.


مقیاس دادن به تصاویر گرافیکی 

یکی از اساسی ترین کارهایی که transformation در فتوشاپ قادر به انجام آن است مقیاس دادن (Scaling) یا تغییر مقیاس طرح ها و تصاویر است. Scaling به شما این امکان را می دهد تا تصویر را حول یک نقطه ثقل، بزرگ یا کوچک کنید. برای تغییر مقیاس یک تصویر باید به مسیر Edit > Transform > Scale بروید.
یک سری دستــــگیره در اطراف تصویر مورد نظر از قبیل اشکال یا لایه ها ظاهر می شود. با حرکت دادن هر یک از این دستگیره ها، می توانید ســــایز تصویر را تنـــــظیم کنید. برای اعمال تغییرات بعد از Transform کردن، کلید Enter را فشار دهید.

این درس به عنوان یک تمرین برای کاربران در نظر گرفته شده است تا بتوان با آن مهارت های فرا گرفته شده در طول این سری آموزشی را مورد آزمایش قرار داد و نیز به شما آموزش داد چگونه می توان یک آگهی تبلیغاتی ساده ایجاد کرد. 

نکته: 

این یک آموزش معمولی نیست. در واقع هدف اصلی ما آزمایش و تست کردن توانایی های کابرانی است که از دوره ابتدایی شروع به فراگیری این آموزش ها کرده اند. شاید این مرحله برای شما به عنوان یک آموزش جدید باشد اما پیشنهاد ما این است که آنچه تاکنون ارائه شده است را مرور کنید. قبل از شروع این آموزش شما باید مراحل قبلی آموزش ها را تکمیل کرده باشید یا اطلاعات مناسب و کافی از فضای کار فتوشاپ و نیز نحوه استفاده و عملکرد ابزار در اختیار داشته باشید. این درس توانایی های شما را محک خواهد زد و شما را مطمئن می کند که آمادگی ورود به مراحل بعدی را دارید. شما می توانید لینک های آموزش ها را برای مرور اجمالی آنها تهیه کنید در این آموزش، ما یک آگهی تبلیغاتی ساده برای یک اتفاق ساختگی و خیالی خلق خواهیم کرد. این درس مهارت های کسب شده در طی مراحل قبل را مورد بررسی و آزمایش قرار می دهد. در زیر یک مرور اجمالی روی محصول نهایی خواهیم داشت.
  برای ایجاد این آگهی کوچک تبلیغاتی لازم است که یک تصویر از آن داشته باشید. (که ما آن را فراهم خواهیم کرد). قبل از شروع باید تصاویری را دانلود نمایید

برای شروع، یک سند جدی با تنظیمات زیر ایجاد کنید: 


این مشخصات برای چاپ کردن کار مناسب نیست اما برای کاملا مناسب خواهد بود. تصویری که قبلا دانلود کرده اید باز کنید. کل تصویر را انتخاب نمایید (Select > All یا Ctrl + A). تصویر انتخاب شده را کپی کنید (Edit > Copy یا Ctrl + C) و آن را روی سند جدید paste کنید (Edit > Paste یا Ctrl + V). این تصویر باید به طور خودکار روی یک لایه جدید قرار گیرد.

وقتی می خواهیم تصویر را Save for Web کنیم، همیشه در نظر گرفتن کیفیت و اندازه تصویر برای بالا بردن وضوح هنگام دیده شدن آن اهمیت زیادی دارد. در این آموزش به شما نشان داده خواهد شد، چه چیزی برای ذخیره کردن تصویر برای وب نیاز دارید.
 
امروزه احتمالا اینترنت یکی ازبزرگترین رسانه برای نمایش کارهای هنری، گرافیکی و عکس ها است که این امر باعث شده تا داشتن اطلاعات کافی برای ذخیره کردن  تصاویر برای وب، به امری مهم و لازم تبدیل شود.
اساسا، ذخیره کردن برای وب یک متعادل سازی است- شما باید کیفیت و اندازه یک رسانه را به حد تعادل برسانید تا قابلیت لازم برای ذخیره سازی را داشته باشد و نیز با نیاز های شما نیز مطابقت داشته باشد.   

در جایی که سرعت از اهمیت بالایی برخوردار است، ممکن است مجبور شوید که شما کیفیت گرافیک خود را پایین بیاورید. در جایی که کیفیت نقش مهم تری دارد، ممکن است لازم به پایین آوردن سرعت باشید. هدف این درس این است که راههایی را به شما نشان دهیم که بتوانید  در آنها این دو گزینه را به حد تعادل برسانید و در همین زمان هم یک تصویر با کیفیت عالی ایجاد کنید. 


داده های صرفه جو در برابر داده های پر اتلاف

اگر چه فرمت های متعددی برای تصاویر وجود دارد (JPEG, GIF, PNG ،...)، تصاویر را می توان به دو دسته داده های صرفه جو و پراتلاف طبقه بندی کرد. داده های صرفه جو به رسانه این امکان را می دهد تا بدون از دست دادن و یا تلف کردن اطلاعات و یا کیفیتشان نمایش داده شوند. اما داده های پرتلاف ممکن است کیفیت و اطلاعاتشان را از دست بدهند.

متداول ترین رسانه صرفه جو در گرافیک و طراحی شامل: GIF و PNG و TIFF می شود در حالیکه JPEG از معروفترین رسانه های گرافیکی پر اتلاف به شمار می رود.


چگونه در فتوشاپ Save for Web کنیم

Adobe Photoshop یک راه مناسب برای بهینه سازی تصاویر برای ذخیره کردن برای وب را داراست. در فتوشاپ، به مسیر  File > Save For Web بروید و یا از کلیدهای میانبر Ctrl + Alt + Shift + S استفاده نمایید.
یک پنجره جدید باز خواهد شد که شامل همه تنظیمات برای ذخیره سازی و بهینه سازی یک تصویر برای وب می شود:

ما روش استفاده از این پنجره را با یک مثال به شما نشان می دهیم: